﻿<%@ Page Title="" Language="C#" MasterPageFile="~/masters/SecuredInterna.Master" AutoEventWireup="true" CodeBehind="solicitarProductos.aspx.cs" Inherits="BancoIdeal.secured.solicitarProductos" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitlePageSecured" runat="server">
    Solicitud de productos
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <script src="../scripts/util.js" type="text/javascript"></script>
    <script src="../scripts/jquery.numeric.js" type="text/javascript"></script>
    <script type="text/javascript">
		var dirProductos = "/WS/Productos.asmx";
		var dirClientes = "/WS/ClientesWS.asmx";
		var idProducto = 0;
		var disponibilidadProductos = null;
		var productos = null;
		var contador = 0;

     	function OnErrorCall( response ) {
     		alert( response.status + " " + response.statusText );
     	}

     	function GetDisponibles( valor ) {
     		if ( valor == 7 || valor == 8 || valor == 12 || valor == 5 ) {
     			return false;
     		} else {
     			return true;
     		}
     	}

     	function GetIdBoton( valor ) {
     		switch ( valor ) {
     			case 1:
     				return "ActivarBtnAhorros";
     			case 2:
     				return "ActivarBtnCorriente";
     			case 3:
     				return "ActivarBtnCreditoLibre";
     			case 4:
     				return "ActivarBtnCreditoVivienda";
     			case 6:
     				return "ActivarBtnCDT";
     			case 9:
     				return "ActivarBtnTarjetaMasterCard";
     			case 10:
     				return "ActivarBtnTarjetaVisa";
     			case 11:
     				return "ActivarBtnTarjetaAmericanExpress";
     			case 13:
     				return "ActivarBtnCreditoEstudio";
     			case 14:
     				return "ActivarBtnCreditoViajes";
     			case 15:
     				return "ActivarBtnMicrocredito";
     		}
     	}

     	function GetStyleImagenes( valor ) {
     		switch ( valor ) {
     			case 1:
     				return "ctaAhorros";
     			case 2:
     				return "ctaCorriente";
     			case 3:
     				return "creditolibre";
     			case 4:
     				return "creditovivienda";
     			case 5:
     				return "creditovehiculo";
     			case 6:
     				return "inversiones";
     			case 7:
     				return "creditolibre";
     			case 8:
     				return "creditolibre";
     			case 9:
     				return "creditoMaster";
     			case 10:
     				return "creditoVisa";
     			case 11:
     				return "creditoAMEX";
     			case 12:
     				return "debito";
     			case 13:
     				return "creditoestudio";
     			case 14:
     				return "creditoviajes";
     			case 15:
     				return "creditomicro";
     		}
     	}

     	$( function () {
     	    loadingModal();
     	    $( document ).ajaxComplete( function ( event, request, settings ) {
     	        if ( contador == 2 ) {
     	            var j = 1;
     	            var k = 0;
     	            for ( var i = 0; i < productos.length; i++ ) {
     	                if ( k > ( disponibilidadProductos.length + productos.length ) / 2 ) {
     	                    $( "#filaHorizontalFila" + j ).append( '<br class="clear" />' );
     	                    k = 0;
     	                    j++;
     	                }
     	                k++;
     	                $( "#filaHorizontalFila" + j ).append( '<div class="cuadroResumen fila' + j + '-item' + k + '"><div class="producto productoActivoBtn"><span class="imagenProductos"><span class="icono120px blanco-' + GetStyleImagenes( parseInt( productos[i].IdProducto ) ) + '-120px"></span></span><a href="#" class="ActivoBtn" title="Agregar producto" rel="fila' + j + '-item' + k + '"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar producto </span> </span> </a><h3 class="ProductoText textBlanco">' + productos[i].NombreProductoCliente + '</h3></div></div>' );
     	            }

     	            for ( var i = 0; i < disponibilidadProductos.length; i++ ) {
     	                if ( k > ( disponibilidadProductos.length + productos.length ) / 2 ) {
     	                    $( "#filaHorizontalFila" + j ).append( '<br class="clear" />' );
     	                    k = 0;
     	                    j++;
     	                }
     	                k++;
     	                if ( disponibilidadProductos[i].Disponible == 1 && GetDisponibles( parseInt( disponibilidadProductos[i].IdProducto ) ) ) {
     	                    $( "#filaHorizontalFila" + j ).append( '<div class="cuadroResumen fila' + j + '-item' + k + '"><div class="producto productoActivarBtn"><span class="imagenProductos"><span class="icono120px invertido-' + GetStyleImagenes( parseInt( disponibilidadProductos[i].IdProducto ) ) + '-120px"></span></span><a href="#" class="ActivarBtn" id="' + GetIdBoton( parseInt( disponibilidadProductos[i].IdProducto ) ) + '" title="Agregar producto" rel="fila' + j + '-item' + k + '"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar producto </span> </span> </a><h3 class="ProductoText">' + disponibilidadProductos[i].NombreProducto + '</h3></div></div>' );
     	                } else {
     	                    $( "#filaHorizontalFila" + j ).append( '<div class="cuadroResumen fila' + j + '-item' + k + '"><div class="producto productoNodisponibleBtn"><span class="imagenProductos"><span class="icono120px invertido-' + GetStyleImagenes( parseInt( disponibilidadProductos[i].IdProducto ) ) + '-120px"></span></span><a href="#" class="nodisponibleBtn" title="Agregar producto" rel="fila' + j + '-item' + k + '"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar producto </span> </span> </a><h3 class="ProductoText">' + disponibilidadProductos[i].NombreProducto + '</h3></div></div>' );
     	                }
     	            }

     	            $( "#filaHorizontalFila" + j ).append( '<br class="clear" />' );
     	            solicitarProductosServicios();     	            
     	            $( '.cargandoModal' ).dialog( 'close' );
     	            $( document ).unbind( "ajaxComplete" );
     	        }
     	    } );
     	    LlamadoAjax( "{ idCliente: " + idCliente + " }", dirProductos, 'GetDisponibilidadProductos', OnErrorCall, OnSuccessCallGetDisponibilidadProductos );
     	    LlamadoAjax( "{ idCliente: " + idCliente + " }", dirProductos, 'GetProductosCliente', OnErrorCall, OnSuccessCallGetProductosCliente );
     	} );

     	function OnSuccessCallGetProductosCliente( response ) {
     		productos = eval( "( " + response.d + " )" );
     		contador++;
     	}

     	function OnSuccessCallGetDisponibilidadProductos( response ) {
     	    disponibilidadProductos = eval( "( " + response.d + " )" );
     	    contador++;
     	}
       
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="SectionIcon" runat="server">
                    <span class="icono iconoSolicitudes48x">
                        &nbsp;
                    </span>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="SectionTitle" runat="server">
    Solicitudes
</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="InfoScreen" runat="server">
    En esta pantalla puedes ver el listado de productos a los que puedes acceder de acuerdo a tu clasificación en el sistema.
    Los productos en gris no están disponibles para agregarlos a tu protafolio.
    Para activar un producto, sólo debes hacer click en el botón de agregar de cada producto.
</asp:Content>
<asp:Content ID="Content8" ContentPlaceHolderID="MoreInfoScreen" runat="server">
                <a href="#" class="verMasInfo">
                    <span class="fondoAdicional">
                        <span class="estiloTexto">
                            mas información
                        </span>
                    </span>
                </a>
</asp:Content>
<asp:Content ID="Content9" ContentPlaceHolderID="SectionOptions" runat="server">
                <ul>
                    <li>
                        <a href="solicitarProductos.aspx" class="opcionSeccion">
                            <span class="icono nuevo">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Solicitar Productos
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="solicitarServicios.aspx" class="opcionSeccion">
                            <span class="icono servicioCliente">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Solicitar Servicios
                                </span>
                            </span>
                        </a>
                    </li>
                </ul>
</asp:Content>
<asp:Content ID="Content10" ContentPlaceHolderID="TitleSubSectionPanorama" runat="server">
    Solicitar nuevos productos
</asp:Content>
<asp:Content ID="Content11" ContentPlaceHolderID="OpcionesTileHorizontal" runat="server">
    
</asp:Content>
<asp:Content ID="Content12" ContentPlaceHolderID="MainContent" runat="server">
                <div class="paginaSolicitudProductos">                  
					<div id="ContenedorTileHorizontal">
                        <div class="filaHorizontal fila1" id="filaHorizontalFila1">                            
                        </div>                                              
                        <div class="filaHorizontal fila2" id="filaHorizontalFila2">                            
                        </div>
                    </div>
                </div>                
</asp:Content>
<asp:Content ID="Content13" ContentPlaceHolderID="FooterWebPage" runat="server">
</asp:Content>
<asp:Content ID="Content14" ContentPlaceHolderID="VentanasEmergentes" runat="server">

    <div id="dialogNuevaCuentaAhorros" class="dialog" title="Solicitar nuevo producto">
        <div class="menuTituloForm">
            <a href="#" title="Adjuntar archivo" class="boton_26px"><span class="displayB iconoAdjuntarArchivo"><span class="ocultar">Adjuntar archivo</span></span></a>
            <h2 class="noMargin noPadding"><span class="floatright">Cuenta de Ahorros</span></h2>
        </div>
        <p>Diligencie los siguientes datos para su nueva cuenta de ahorros.</p>
        <div class="formularioProductos">
        	<table>
                <tr>
                    <td width="40%" align="right" class="labelsModal">Capital inicial:</td>
                    <td width="60%">$ <input type="text" id="capitalInicial" class="capitalInicial"/></td>
                </tr>
                <tr>
                	<td width="40%" align="right" class="labelsModal">
                    	Nombre para la cuenta:
                    </td>
                    <td width="60%">
                    	<input type="text" id="nombreDelaCuenta"/>
                    </td>
                </tr>
                <tr>
                	<td width="40%" align="right" class="labelsModal">
                    	Origen de los fondos:
                    </td>
                    <td width="60%">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0" id="idTableCuentaAhorro">                          
                        </table>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="right" class="labelsModal">
                    	Su información se encuentra actualizada?
                    </td>
                    <td valign="middle">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="ActualizarInfoClienteAhorro" id="ActualizarInfoClienteAhorro" value="1"/>
                                    </span>
                                </div>
                        	</td>
                            <td><label for="ActualizarInfoClienteAhorro">Sí</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxChecked">
                                        <input type="radio" checked="checked" name="ActualizarInfoClienteAhorro" id="ActualizarInfoClienteAhorro"  value="2"/>
                                    </span>
                                </div>
                        	</td>
                            <td><label for="ActualizarInfoClienteAhorro">No</label></td>
                          </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
        <menu type="toolbar">
            <div class="asistenciaBtn">
                <ul>
                    <li> <a href="solicitarServicios.aspx" title="Tienes dudas?" class="boton_26px"><span class="displayB iconoSoporteProducto"><span class="ocultar">soporte</span></span></a></li>
                </ul>
            </div>
            <div class="controlBtn">
                <ul>
                    <li> <a href="#" title="Enviar" class="boton_26px backgroundVerde" id="btnEnviarCuentaAhorros"><span class="displayB iconoAceptarVentana"><span class="ocultar">Solicitar</span></span></a></li>
                    <li> <a href="#" title="Imprimir" class="boton_26px"><span class="displayB iconoImprimirBtn"><span class="ocultar">Imprimir</span></span></a></li>
                    <li> <a href="#" title="Cancelar" class="boton_26px backgroundRojo"><span class="displayB iconoCancelar"><span class="ocultar">eliminar Producto</span></span></a></li>
                </ul>
            </div>
        </menu>
    </div>
        
    <div id="dialogNuevaCuentaCorriente" class="dialog" title="Solicitar nuevo producto">
        <div class="menuTituloForm">
            <a href="#" title="Adjuntar archivo" class="boton_26px"><span class="displayB iconoAdjuntarArchivo"><span class="ocultar">Adjuntar archivo</span></span></a>
            <h2 class="noMargin noPadding"><span class="floatright">Cuenta Corriente</span></h2>
        </div>
        <p>Diligencie los siguientes datos para su nueva cuenta corriente.</p>
        <div class="formularioProductos">
        	<table>
                <tr>
                    <td width="40%" align="right" class="labelsModal">Capital inicial:</td>
                    <td width="60%">$ <input type="text" id="capitalInicial" class="capitalInicial"/></td>
                </tr>
                 <tr>
                	<td width="40%" align="right" class="labelsModal">
                    	Nombre para la cuenta:
                    </td>
                    <td width="60%">
                    	<input type="text" id="nombreDelaCuenta"/>
                    </td>
                </tr>
                <tr>
                	<td width="40%" align="right" class="labelsModal">
                    	Origen de los fondos:
                    </td>
                    <td width="60%">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0" id="idTableCuentaCorriente">
                        </table>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="right" class="labelsModal">
                    	Su información se encuentra actualizada?
                    </td>
                    <td valign="middle">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="ActualizarInfoClienteCorriente" id="ActualizarInfoClienteCorriente"  value="1"/>
                                    </span>
                                </div>
                        	</td>
                            <td><label for="ActualizarInfoClienteCorriente">Sí</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxChecked">
                                        <input type="radio" checked="checked" name="ActualizarInfoClienteCorriente" id="ActualizarInfoClienteCorriente"  value="2"/>
                                    </span>
                                </div>
                        	</td>
                            <td><label for="ActualizarInfoClienteCorriente">No</label></td>
                          </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
        <menu type="toolbar">
            <div class="asistenciaBtn">
                <ul>
                    <li> <a href="solicitarServicios.aspx" title="Tienes dudas?" class="boton_26px"><span class="displayB iconoSoporteProducto"><span class="ocultar">soporte</span></span></a></li>
                </ul>
            </div>
            <div class="controlBtn">
                <ul>
                    <li> <a href="#" title="Enviar" class="boton_26px backgroundVerde" id="btnEnviarCuentaCorriente"><span class="displayB iconoAceptarVentana"><span class="ocultar">Solicitar</span></span></a></li>
                    <li> <a href="#" title="Imprimir" class="boton_26px"><span class="displayB iconoImprimirBtn"><span class="ocultar">Imprimir</span></span></a></li>
                    <li> <a href="#" title="Cancelar" class="boton_26px backgroundRojo"><span class="displayB iconoCancelar"><span class="ocultar">eliminar Producto</span></span></a></li>
                </ul>
            </div>
        </menu>
    </div>

    <div id="dialogNuevoCDT" class="dialog" title="Solicitar nuevo producto">
        <div class="menuTituloForm">
            <a href="#" title="Adjuntar archivo" class="boton_26px"><span class="displayB iconoAdjuntarArchivo"><span class="ocultar">Adjuntar archivo</span></span></a>
            <h2 class="noMargin noPadding"><span class="floatright">CDT</span></h2>
        </div>
        <p>Diligencie los siguientes datos para su nuevo CDT.</p>
        <div class="formularioProductos">
        	<table>
                <tr>
                    <td width="40%" align="right" class="labelsModal">Capital inicial:</td>
                    <td width="60%">$ <input type="text" id="capitalInicial" class="capitalInicial"/></td>
                </tr>
                <tr>
                	<td width="40%" align="right" class="labelsModal">Tasa de interés para hoy:</td>
                    <td width="60%" id="tdInteresesCDT">0,0 %</td> <!-- Arranca en 0,0 pero esta tasa de interés debería cambiar de acuerdo al plazo seleccionado-->
                </tr>
				<tr>
					<td width="40%" align="right" class="labelsModal">
                    	Plazo:<br/>
						(en meses)
                    </td>
                    <td width="60%">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesCDT" id="PlazoMesesCDT" value="1" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">1</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesCDT" id="PlazoMesesCDT" value="3" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">3</label></td>
                          </tr>
						  <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesCDT" id="PlazoMesesCDT" value="6" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">6</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesCDT" id="PlazoMesesCDT" value="9" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">9</label></td>
                          </tr>
						  <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesCDT" id="PlazoMesesCDT" value="12" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">12</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesCDT" id="PlazoMesesCDT" value="18" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">18</label></td>
                          </tr>
						  <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesCDT" id="PlazoMesesCDT" value="24" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">24</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesCDT" id="PlazoMesesCDT" value="36" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">36</label></td>
                          </tr>
                        </table>
                    </td>
				</tr>
                <tr>
                	<td width="40%" align="right" class="labelsModal">
                    	Nombre para su CDT:
                    </td>
                    <td width="60%">
                    	<input type="text" id="nombreDelaCuenta"/>
                    </td>
                </tr>
                <tr>
                	<td width="40%" align="right" class="labelsModal">
                    	Origen de los fondos:
                    </td>
                    <td width="60%">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0" id="idTableCuentaCDT">                          
                        </table>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" align="right" class="labelsModal">
                    	Su información se encuentra actualizada?
                    </td>
                    <td valign="middle">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="ActualizarInfoClienteCDT" id="ActualizarInfoClienteCDT" value="1"/>
                                    </span>
                                </div>
                        	</td>
                            <td><label for="ActualizarInfoClienteCDT">Sí</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxChecked">
                                        <input type="radio" checked="checked" name="ActualizarInfoClienteCDT" id="ActualizarInfoClienteCDT"  value="2" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="ActualizarInfoClienteCDT">No</label></td>
                          </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
        <menu type="toolbar">
            <div class="asistenciaBtn">
                <ul>
                    <li> <a href="solicitarServicios.aspx" title="Tienes dudas?" class="boton_26px"><span class="displayB iconoSoporteProducto"><span class="ocultar">soporte</span></span></a></li>
                </ul>
            </div>
            <div class="controlBtn">
                <ul>
                    <li> <a href="#" title="Enviar" class="boton_26px backgroundVerde" id="btnEnviarCDT"><span class="displayB iconoAceptarVentana"><span class="ocultar">Solicitar</span></span></a></li>
                    <li> <a href="#" title="Imprimir" class="boton_26px"><span class="displayB iconoImprimirBtn"><span class="ocultar">Imprimir</span></span></a></li>
                    <li> <a href="#" title="Cancelar" class="boton_26px backgroundRojo"><span class="displayB iconoCancelar"><span class="ocultar">eliminar Producto</span></span></a></li>
                </ul>
            </div>
        </menu>
    </div>
	
	<div id="dialogCreditoLibreInversion" class="dialog" title="Solicitar nuevo producto">
        <div class="menuTituloForm">
            <a href="#" title="Adjuntar archivo" class="boton_26px"><span class="displayB iconoAdjuntarArchivo"><span class="ocultar">Adjuntar archivo</span></span></a>
            <h2 class="noMargin noPadding"><span class="floatright">Solicitar crédito de libre inversión</span></h2>
        </div>
        <p>.</p>
        <div class="formularioProductos">
        	<table>
			
				<tr>
                    <td width="40%" align="right" class="labelsModal">tipo de crédito:</td>
                    <td width="60%">
						<select  id="tipoCreditoLibre" disabled="disabled" > <!-- Lo ideal es que se active la opción según el ícono seleccionado -->
							<option value="1">
								Libre Inversión
							</option>
							<option  value="2">
								Crédito Rotativo
							</option>
							<option  value="3">
								Estudio
							</option>
							<option  value="4">
								Viajes
							</option>
							<option  value="5">
								Microcrédito  <!-- El monto máximo de este crédito es de 5 millones -->
							</option>

						</select>
					</td>
                </tr>
				
                <tr>
                    <td width="40%" align="right" class="labelsModal">Capital solicitado:</td>
                    <td width="60%">$ <input type="text" id="capitalInicial" class="capitalInicial"/></td>
                </tr>
				
				<tr>
					<td width="40%" class="labelsModal">
                    	Plazo:<br/>
						(en meses)
                    </td>
                    <td width="60%">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
						  <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesCreditoLibre" id="PlazoMesesCreditoLibre" value="6" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">6</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesCreditoLibre" id="PlazoMesesCreditoLibre" value="9" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">9</label></td>
                          </tr>
						  <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesCreditoLibre" id="PlazoMesesCreditoLibre" value="12" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">12</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesCreditoLibre" id="PlazoMesesCreditoLibre" value="18" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">18</label></td>
                          </tr>
						  <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesCreditoLibre" id="PlazoMesesCreditoLibre" value="24" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">24</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesCreditoLibre" id="PlazoMesesCreditoLibre" value="36" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">36</label></td>
                          </tr>
                        </table>
                    </td>
				</tr>
				<tr>
                	<td width="40%" class="labelsModal">Tasa de interés:</td>
                    <td width="60%" id="tdInteresesCreditosLibre"></td> <!--Esta tasa de interés debería cambiar de acuerdo al plazo seleccionado-->
                </tr>
                <tr>
                	<td width="40%" align="right" class="labelsModal">
                    	Nombre para el crédito:
                    </td>
                    <td width="60%">
                    	<input type="text" id="nombreDelCredito"/>
                    </td>
                </tr>
				
				<tr>
                    <td valign="middle" align="right" class="labelsModal">
                    	Desea activar el débito automático?
                    </td>
                    <td valign="middle">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="debitoAutomaticoCreditoLibre" id="debitoAutomaticoCreditoLibre" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="debitoAutomaticoCreditoLibre">Sí</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" checked="checked" name="debitoAutomaticoCreditoLibre" id="debitoAutomaticoCreditoLibre" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="debitoAutomaticoCreditoLibre">No</label></td>
                          </tr>
                        </table>
                    </td>
                </tr>
				
                <tr>
                    <td valign="middle" align="right" class="labelsModal">
                    	Su información se encuentra actualizada?
                    </td>
                    <td valign="middle">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="ActualizarInfoClienteCreditoLibre" id="ActualizarInfoClienteCreditoLibre" value="1" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="ActualizarInfoClienteCreditoLibre">Sí</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxChecked">
                                        <input type="radio" checked="checked" name="ActualizarInfoClienteCreditoLibre" id="ActualizarInfoClienteCreditoLibre" value="2" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="ActualizarInfoClienteCreditoLibre">No</label></td>
                          </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
        <menu type="toolbar">
            <div class="asistenciaBtn">
                <ul>
                    <li> <a href="solicitarServicios.aspx" title="Tienes dudas?" class="boton_26px"><span class="displayB iconoSoporteProducto"><span class="ocultar">soporte</span></span></a></li>
					<li> <a href="Simuladores.aspx" title="Simuladores de Créditos" class="boton_26px"><span class="displayB iconoSimuladorProducto"><span class="ocultar">simuladores</span></span></a></li>
                </ul>
            </div>
            <div class="controlBtn">
                <ul>
                    <li> <a href="#" title="Enviar" class="boton_26px backgroundVerde" id="btnEnviarCreditosLibres"><span class="displayB iconoAceptarVentana"><span class="ocultar">Solicitar</span></span></a></li>
                    <li> <a href="#" title="Imprimir" class="boton_26px"><span class="displayB iconoImprimirBtn"><span class="ocultar">Imprimir</span></span></a></li>
                    <li> <a href="#" title="Cancelar" class="boton_26px backgroundRojo"><span class="displayB iconoCancelar"><span class="ocultar">eliminar Producto</span></span></a></li>
                </ul>
            </div>
        </menu>
    </div>	

	<div id="dialogTarjetaCredito" class="dialog" title="Solicitar nuevo producto">
        <div class="menuTituloForm">
            <a href="#" title="Adjuntar archivo" class="boton_26px"><span class="displayB iconoAdjuntarArchivo"><span class="ocultar">Adjuntar archivo</span></span></a>
            <h2 class="noMargin noPadding"><span class="floatright">Solicitar tarjeta de crédito</span></h2>
        </div>
        <p>.</p>
        <div class="formularioProductos">
        	<table>
				<tr>
                    <td width="40%" align="right" class="labelsModal">Franquicia:</td>
                    <td width="60%">
						<select id="franquiciaTarjetaCredito" disabled="disabled" > <!-- Lo ideal es que se active la opción según el ícono seleccionado -->
							<option value="1">
								Master Card
							</option>
							<option value="2">
								Visa
							</option>
							<option value="3">
								American Express
							</option >
						</select>
					</td>
                </tr>
				<tr>
                    <td width="40%" align="right" class="labelsModal">Cupo solicitado:</td>
                    <td width="60%">$ <input type="text" id="capitalInicial" class="capitalInicial" /></td>
                </tr>
				
				<tr>
					<td width="40%" class="labelsModal">
                    	Plazo:<br/>
						(en meses)
                    </td>
                    <td width="60%">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
						  <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesTarjetaCredito" id="PlazoMesesTarjetaCredito" value="6" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">6</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesTarjetaCredito" id="PlazoMesesTarjetaCredito" value="9" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">9</label></td>
                          </tr>
						  <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesTarjetaCredito" id="PlazoMesesTarjetaCredito" value="12" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">12</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesTarjetaCredito" id="PlazoMesesTarjetaCredito" value="18" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">18</label></td>
                          </tr>
						  <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesTarjetaCredito" id="PlazoMesesTarjetaCredito" value="24" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">24</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="PlazoMesesTarjetaCredito" id="PlazoMesesTarjetaCredito" value="36" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="PlazoMesesCDT">36</label></td>
                          </tr>
                        </table>                   
                    </td>
				</tr>
				<tr>
                	<td width="40%" class="labelsModal">Tasa de interés:</td>
                    <td width="60%" id="tdInteresesTarjetasCredito">0,0 %</td> <!--Esta tasa de interés debería cambiar de acuerdo a la base de datos-->
                </tr>
                <tr>
                	<td width="40%" align="right" class="labelsModal">
                    	Nombre para la tarjeta:
                    </td>
                    <td width="60%">
                    	<input type="text" id="nombreDelaTarjeta"/>
                    </td>
                </tr>
				
				<tr>
                    <td valign="middle" align="right" class="labelsModal">
                    	Desea activar el débito automático?
                    </td>
                    <td valign="middle">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="debitoAutomaticoTarjetaCredito" id="debitoAutomaticotarjetaCredito" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="debitoAutomaticotarjetaCredito">Sí</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" checked="checked" name="debitoAutomaticotarjetaCredito" id="debitoAutomaticotarjetaCredito" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="debitoAutomaticotarjetaCredito">No</label></td>
                          </tr>
                        </table>
                    </td>
                </tr>
				
                <tr>
                    <td valign="middle" align="right" class="labelsModal">
                    	Su información se encuentra actualizada?
                    </td>
                    <td valign="middle">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="ActualizarInfoTarjetaCredito" id="ActualizarInfoTarjetaCredito" value="1" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="ActualizarInfoCliente">Sí</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxChecked">
                                        <input type="radio" checked="checked" name="ActualizarInfoTarjetaCredito" id="ActualizarInfoTarjetaCredito" value="2" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="ActualizarInfoCliente">No</label></td>
                          </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
        <menu type="toolbar">
            <div class="asistenciaBtn">
                <ul>
                    <li> <a href="solicitarServicios.aspx" title="Tienes dudas?" class="boton_26px"><span class="displayB iconoSoporteProducto"><span class="ocultar">soporte</span></span></a></li>
					<li> <a href="Simuladores.aspx" title="Simuladores de Créditos" class="boton_26px"><span class="displayB iconoSimuladorProducto"><span class="ocultar">simuladores</span></span></a></li>
                </ul>
            </div>
            <div class="controlBtn">
                <ul>
                    <li> <a href="#" title="Enviar" class="boton_26px backgroundVerde" id="btnEnviarTarjetaCredito"><span class="displayB iconoAceptarVentana"><span class="ocultar">Solicitar</span></span></a></li>
                    <li> <a href="#" title="Imprimir" class="boton_26px"><span class="displayB iconoImprimirBtn"><span class="ocultar">Imprimir</span></span></a></li>
                    <li> <a href="#" title="Cancelar" class="boton_26px backgroundRojo"><span class="displayB iconoCancelar"><span class="ocultar">eliminar Producto</span></span></a></li>
                </ul>
            </div>
        </menu>
    </div>	
	
	<div id="dialogCreditoVivienda" class="dialog" title="Solicitar nuevo producto">
        <div class="menuTituloForm">
            <a href="#" title="Adjuntar archivo" class="boton_26px"><span class="displayB iconoAdjuntarArchivo"><span class="ocultar">Adjuntar archivo</span></span></a>
            <h2 class="noMargin noPadding"><span class="floatright">Solicitar crédito de vivienda</span></h2>
        </div>
        <p>.</p>
        <div class="formularioProductos">
        	<table>
				<tr>
                    <td width="40%" align="right" class="labelsModal">Valor de la vivienda:</td>
                    <td width="60%">$ <input type="text" id="valorViviendaCreditoVivienda" class="capitalInicial"/></td>
                </tr>
				<tr>
                    <td valign="middle" align="right" class="labelsModal">
                    	Tipo de vivienda:
                    </td>
                    <td valign="middle">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="tipoViviendaCreditoVivienda" id="tipoViviendaCreditoVivienda" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="tipoViviendaCreditoVivienda">Nueva</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="tipoViviendaCreditoVivienda" id="tipoViviendaCreditoVivienda" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="tipoViviendaCreditoVivienda">Usada</label></td>
                          </tr>
                        </table>
                    </td>
                </tr>
				<tr>
                    <td width="40%" align="right" class="labelsModal">Capital aportado:</td>
                    <td width="60%">$ <input type="text" id="capitalInicialViviendaCreditoVivienda" class="capitalInicial"/></td> <!-- este dato debe ser al menos el 30% del valor de la vivienda -->
                </tr>
                <tr>
                    <td width="40%" align="right" class="labelsModal">Capital solicitado:</td>
                    <td width="60%">$ <input type="text" id="capitalSolicitadoCreditoVivienda" class="capitalInicial"/></td> <!-- este dato debe ser proporcional al valor solicitado mas o menos así x = ((capital inicial)/3)*7  en donde x es el monto máximo que le presta el banco de acuerdo a su capital inicial. El monto solicitado no puede superar el 70% del valor de la vivienda -->
                </tr>
				
				<tr>
					<td width="40%" class="labelsModal">
                    	Plazo:<br/>
						(en meses)
                    </td>
                    <td width="60%">
                        <input type="text" name="PlazoMesesCreditoVivienda" id="PlazoMesesCreditoVivienda"  class="capitalInicial" />
                    </td>
				</tr>
				<tr>
                	<td width="40%" class="labelsModal">Tasa de interés:</td>
                    <td width="60%" id="interesVivienda">0,0 %</td> <!--Esta tasa de interés debería cambiar de acuerdo al guardado en la BdD-->
                </tr>
                <tr>
                	<td width="40%" align="right" class="labelsModal">
                    	Nombre para el crédito:
                    </td>
                    <td width="60%">
                    	<input type="text" id="nombreDelCreditoVivienda"/>
                    </td>
                </tr>
				
				<tr>
                    <td valign="middle" align="right" class="labelsModal">
                    	Desea activar el débito automático?
                    </td>
                    <td valign="middle">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="debitoAutomaticoCreditoVivienda" id="debitoAutomaticoCreditoVivienda" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="debitoAutomaticoCreditoVivienda">Sí</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" checked="checked" name="debitoAutomaticoCreditoVivienda" id="debitoAutomaticoCreditoVivienda" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="debitoAutomaticoCreditoVivienda">No</label></td>
                          </tr>
                        </table>
                    </td>
                </tr>
				
                <tr>
                    <td valign="middle" align="right" class="labelsModal">
                    	Su información se encuentra actualizada?
                    </td>
                    <td valign="middle">
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxUnChecked">
                                        <input type="radio" name="ActualizarInfoCreditoVivienda" id="ActualizarInfoCreditoVivienda" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="ActualizarInfoCliente">Sí</label></td>
                            <td width="30">
                            	<div class="RadioButtonContainer">
                                    <span class="checkBoxChecked">
                                        <input type="radio" checked="checked" name="ActualizarInfoCreditoVivienda" id="ActualizarInfoCreditoVivienda" />
                                    </span>
                                </div>
                        	</td>
                            <td><label for="ActualizarInfoCliente">No</label></td>
                          </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
        <menu type="toolbar">
            <div class="asistenciaBtn">
                <ul>
                    <li> <a href="solicitarServicios.aspx" title="Tienes dudas?" class="boton_26px"><span class="displayB iconoSoporteProducto"><span class="ocultar">soporte</span></span></a></li>
					<li> <a href="Simuladores.aspx" title="Simuladores de Créditos" class="boton_26px"><span class="displayB iconoSimuladorProducto"><span class="ocultar">simuladores</span></span></a></li>
                </ul>
            </div>
            <div class="controlBtn">
                <ul>
                    <li> <a href="#" title="Enviar" class="boton_26px backgroundVerde" id="btnEnviarCreditoVivienda"><span class="displayB iconoAceptarVentana"><span class="ocultar">Solicitar</span></span></a></li>
                    <li> <a href="#" title="Imprimir" class="boton_26px"><span class="displayB iconoImprimirBtn"><span class="ocultar">Imprimir</span></span></a></li>
                    <li> <a href="#" title="Cancelar" class="boton_26px backgroundRojo"><span class="displayB iconoCancelar"><span class="ocultar">eliminar Producto</span></span></a></li>
                </ul>
            </div>
        </menu>
    </div>	
</asp:Content>
